*{
  margin: 0;
  padding: 0;
}

#box{
  width: 600px;
  height: 650px;
  border: 5px solid gray;
  position: relative;
  left: 350px;
  background:linear-gradient(rgb(19, 192, 120),rgb(47, 32, 114));

}

#brick div{
  width: 98px;height: 20px;float: left;border: 1px solid black;
 }


 #ball{
  width: 20px;height: 20px;border-radius: 10px;
  background-color: white;position: absolute;
  top: 560px;box-shadow: 0px 0px 3px 3px aqua;
 }

 #tip{
  width: 280px;position:fixed;top: 100px;left: 0px;
  border: 1px solid black;text-indent: 2em;padding: 10px;border-radius: 20px;
 }

 #grade{
  width: 180px;position:fixed;top: 100px;left: 1050px;
  border: 1px solid black;text-indent: 2em;padding: 10px;border-radius: 20px;
 }

 #btn{
   
  width: 150px;height: 90px;position: fixed;left: 610px;top: 350px;
  border-radius: 10px;font-size: 24px;cursor: pointer;
 }

 #slider{
  width: 120px;height: 20px;background-color: rgb(168, 139, 8);position: absolute;
  top: 585px;border-radius: 10px;box-shadow: 0px 0px 2px 2px red;cursor: pointer;
 }